<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<title>Meeting History (Beta)</title>
<r:require module="FlowPlayer" />
</head>
<body>
	<div class="container">
		<div class="add-button">
			<a class="btn btn-primary"
				href="<g:createLink controller="meeting" action="add" />">ADD
				NEW MEETING</a>
		</div>
		<g:if test="${meetings == null || meetings.isEmpty()}">
			<div class="data-grid-item">
				<div id="add-new-meeting" class="inner-data-grid-item">
					<p class="lead">THERE IS NO MEETING</p>

				</div>
			</div>
		</g:if>
		<g:else>

			<g:each status="i" in="${meetings }" var="meeting">

				<div class="data-grid-item">
					<div id="add-new-meeting" class="inner-data-grid-item">

						<p class="lead">MEETING #${meeting.id }</p>
						<div class="row">
							<div class="span6" style="margin-bottom: 10px;">
								<div class="flowplayer">
									<g:each status="j" in="${meeting.videos }" var="video">
										<video>
											<source 
												src="${createLink(mapping: "videoFileMapping", params : [file : video.filename], absolute : true) }"></source>
										</video>
									</g:each>
								</div>
							</div>
							<div class="span5">
								<p class="lead">Meeting Type:</p>
								<p>
									${meeting.typeOfMeeting }
								</p>
								<p class="lead">Meeting Location:</p>
								<p>
									${meeting.location }
								</p>
								<p class="lead">Description / Note:</p>
								<p>
									${
										meeting.description
									}
								</p>
							</div>
						</div>
					</div>
				</div>
			</g:each>
		</g:else>
	</div>
</body>
</html>